<ion-view id="goodsList" view-title="商品列表页" hide-back-button="true" cache-view="false">
  <!-- 头部搜索部分 -->
  <header id="header">
    <div class="header-left" ng-click="func_goBack()">
      <span></span>
    </div>
    <div class="header-center">
      <span></span>
    </div>
    <div class="header-right">
      <span></span>
    </div>
  </header>


  
  <nav id="nav">
    <ul>
      <li ng-class="$index==0?'nav-current':'nav-blur'" ng-repeat="item in categoryData"
        ng-click="categoryLeftClick($event);refreshGoodsList(item.Number)">{{item.name}}</li>
    </ul>
  </nav>
  <!--筛选导航部分-->
  <!-- <nav id="nav">
    <div class="nav-all">综合</div>
    <div class="nav-warp">
      <ul>
        <li>吃货红包</li>
        <li>销量</li>
        <li>速度</li>
        <li>距离</li>
        <li>新品</li>
        <li>服务</li>
      </ul>
    </div>
  </nav> -->
  <ion-content lazy-scroll class="pro-scroll">
    <div class="ad">
      <ion-slide-box show-pager="true" auto-play="true" does-continue="true">
        <ion-slide>
          <img ng-src="img/home/ad-1.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-2.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-3.jpg">
        </ion-slide>
        <ion-slide>
          <span ui-sref="goodsList"><img ng-src="img/home/ad-4.png"></span>
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-5.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-6.jpg">
        </ion-slide>
      </ion-slide-box>
    </div>
    <!-- 产品部分 -->
    <ion-refresher
      pulling-text="获取最新数据..."
      refreshing-text="正在加载"
      on-refresh="func_refreshGoodsList()">
    </ion-refresher>
    <div class="pro" ng-repeat="item in categoryDetailData">
      <div class="pro-warp">
        <div class="pro-body">
          <a ng-href="#/details/?id={{item.productId}}">
          <div class="pro-body-des">
              <img ng-src="{{item.src}}" alt="">
            <div class="pro-body-des-text">
              <span>{{item.name}}</span>
              <b>￥{{item.price}}</b>
              <div class="pro-body-des-con">
                <span>{{item.haoping}} 好评</span>
                <span>{{item.buy}}人买过</span>
              </div>
            </div>
          </div>
        </a>
        
        </div>
      </div>
      <!-- <div>
        <p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p>
        <br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p>
        <br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p><br><br><br><br><p>111</p>
      </div> -->
      
    </div>
    <!-- <div ng-hide="pms_isMoreItemsAvailable" style="text-align: center">
      <span>地主家也没有余粮喽！</span>
    </div> -->
    
    <ion-infinite-scroll ng-if="pms_isMoreItemsAvailable" on-infinite="func_loadMoreGoodsList()" distance="1%">
    </ion-infinite-scroll>
  </ion-content>
</ion-view>
